// pages/viedeo/video.js
import request from '../../utils/request.js'
// import request from '../../utils/request.js'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 视频头部标签
    videoChannelList : [],
    //z
    currentId: '',
    videoList: [],
    videoTime:[],// 记录当前播放时长的数据
    istriggered:false,//记录当前下拉刷新的状态
  },
// 点击导航的回调
  changNavItem: function(event){
    console.log(event.currentTarget.dataset.id)
    this.setData({
      currentId: event.currentTarget.dataset.id,
      videoList:[],
      videoId: ''//当前点击的视频的id

    })
    //显示正在加载的loding
    wx.showLoading({
      title: '加载中',
    })
    //点击重新调取请求视频列表接口
    this.getVideoList(this.data.currentId)

  },
  //播放暂停视频的回调、
  handlepaly(event){
    console.log('播放的回调',event)
    let vid = event.currentTarget.id
    console.log(vid);
    //创建一个视频的控制
  //1、需求是点击播放时找到上一个播放的视频，
  //2 在播放新的视频前关闭上一个c
  // 如何确认点击播放的视频不是正在播放的视频 
    //关闭上一个视频
    // this.vid !==vid && this.videoContent&&this.videoContent.stop()
    //创建一个控制器
    this.videoContent = wx.createVideoContext(vid)
    //判断一下是否有播放记录
    //如果有的话  跳转到视频位置
    let videoTime = this.data.videoTime
    let currentvideo = videoTime.find(item => item.vid === vid)
    console.log('我是vid我有',currentvideo);
    if(currentvideo) {
      this.videoContent.seek(currentvideo.time)
    }
    this.videoContent.play()
    this.vid = vid
    this.setData({
      videoId: vid
    })
  },
  //视频播放的回调
  handleVideoUpdata(event) {
    console.log(event);
    let videoTime = this.data.videoTime
    console.log('videoCurrentTime',videoTime);
    let CurrentVideoObj = {vid: event.currentTarget.id, time: event.detail.currentTime}
    console.log('我是视频播放的信息',CurrentVideoObj);
    //先判断 当前有没有记录此视频的 记录 有的话 更新时间 没有的话 吧振哥对象push过去
    //当前的视频
    let currentvideo = videoTime.find(item => item.vid === CurrentVideoObj.vid)
    if(currentvideo){
      currentvideo.time = CurrentVideoObj.time
    }else{
      videoTime.push(CurrentVideoObj)
    }
//更新数据
    this.setData({
      videoTime
    })

  },

  /**
   * 生命周期函数--监听页面加载
   */
  //获取视频列表
  getVideoList(navid){
          console.log('我是navid',navid);
          request.GET('/video/group',{id:navid}).then(res=> {
            console.log('视频列表请求成功',res);
            //关闭showloding 加载框
            wx.hideLoading()
            //关闭下拉
            let UntreatedVidoList = res.datas
            let index = 0;
            let videoList = UntreatedVidoList.map(item => {
              item.id = index;
              index++;
              return item;
            })
            //将数据存到data中
            this.setData({
              videoList,
              istriggered:false
            })
          }).catch(err =>{
            console.log('视频列表请求失败',err);
          })
  },
  onLoad: function (options) {
    //获取视频标签的网络请求
    let getvideoGroupList = request.GET('/video/group/list').then((res)=> {
      console.log('视频头部标签',res);
      this.setData({
        videoChannelList: res.data.slice(0,14),
        currentId: res.data[0].id
      })

    //获取视频列表的数据
    this.getVideoList(this.data.currentId)
    }).catch(err=> {
      console.log(err);
    })
  },
  //下拉刷新的回调
  handleRefresh(event){
    console.log('我下拉了');
    this.getVideoList(this.data.currentId)
  },
  //下拉到底部产生的回调
  handleLower(){
    console.log('上拉触底了');
    let newVideoList = [
    ]
    
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
    console.log('来自转发');
    return {
      title: '这是我自定义的标题',
      path: '/pages/video/video.js',
      imageUrl: '/static/images/nvsheng.jpg'
    }
  }
})